{{!-- 页头 --}}
<header>
    {{!-- 顶部导航 --}}
    <nav>
      {{!-- logo --}}
      <a href="javaScript:;" class="logo">
        <img src="/images/logo.png" />
        <b>TooUc</b>
      </a>
      {{!-- 导航栏目 --}}
      <ul>
        <li>
          <a href="/">教程</a>
        </li>
        <li>
          <a href="/user">电子书</a>
        </li>
        <li>
          <a href="javaScript:;">软件</a>
        </li>
        <li>
          <a href="javaScript:;">关于我们</a>
        </li>
      </ul>
      {{!-- 导航右侧内容 --}}
      <div class="nav-right">
        {{!-- 搜索容器 --}}
        <div class="search">
          <div class="search-main hide">
            <div class="search-term">
                <span class="searchTxt">教程 <i class="iconfont icon-caret filter-search-icon"></i></span>
                <div class="search-menu hide">
                  <ul>
                    <li><a href="javaScript:;">教程</a></li>
                    <li><a href="javaScript:;">电子书</a></li>
                    <li><a href="javaScript:;">软件</a></li>
                  </ul>
                </div>
            </div>
            <input type="text"  placeholder="请输入您要查找的内容" />
          </div>
          <i class="iconfont icon-sousuo-sousuo search-icon"></i>
        </div>
        {{!-- 消息 --}}
        <div class="news active">
          <i class="iconfont icon-msgsystem1"></i>
        </div>
        {{!-- 用户容器 --}}
        <div class="user">
          {{!-- 用户登录 --}}
          <section class="user-login">
            <a href="javaScript:;" title="用户中心">
              <i class="iconfont icon-user-outline user-icon" title="登录"></i>
            </a>
            <div class="user-menu hide">
              <ul>
                <li><a href="/user" title="个人中心">个人中心</a></li>
                <li><a href="/user/signin" >登录注册</a></li>
                <li><a href="" >用户登出</a></li>
              </ul>
            </div>
            <!-- <a href="/signin"><span>登录</span></a> -->
          </section>
          {{!-- 用户头像展示 --}}
{{!--             <section class="user-headimg">
            <img src="" />
          </section> --}}
        </div>
      </div>
    </nav>
</header>
